<template>
  <div>
<h2>管理员登录</h2>
<table border="1">
  <tr>
    <td>用户名</td>
    <td>
      <input type="text" v-model="state.name">
    </td>
  </tr>
  <tr>
    <td>密码</td>
    <td>
      <input type="password" v-model="state.pwd">
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="button" @click="login" value="登录">
    </td>
  </tr>
</table>
  </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import { reactive,toRefs,onMounted } from 'vue';
import { useRoute,useRouter } from 'vue-router';
let route=useRoute();
let router=useRouter();
let data:any=reactive({
  state:{
    name:'',
    pwd:''
  }
  
})
let{state}=toRefs(data)
function login()
{
  let obj={
  "name":state.value.name,
  "pwd":state.value.pwd
}
axios({
  url:'/api/Room/Login',
  method:'get',
  params:obj
})
.then(res=>{
  if(res.data.data=="")
{
  alert("登录成功")
  router.push("/nadd")
}
else
{
  alert("登录失败")
}
})
.catch(err=>{

})
}


</script>

<style scoped>

</style>